<template name="skeleton">
  <view class="sk-container">
    <view class="data-v-f0a9f5ba">
      <view class="data-v-f0a9f5ba">
        <view class="u-swiper-wrap banner--u-swiper-wrap data-v-82373f7e banner--data-v-82373f7e">
          <view class="data-v-82373f7e banner--data-v-82373f7e"
                  style="height:414px;background-color:#f3f4f6;">
          </view>
        </view>
      </view>
      <view class="data-v-f0a9f5ba">
        <view
          class="detail-basic-information information--detail-basic-information data-v-1d870588 information--data-v-1d870588">
          <view class="he-top information--he-top data-v-1d870588 information--data-v-1d870588">
            <text
              class="he-price information--he-price data-v-1d870588 information--data-v-1d870588 sk-transparent sk-text-14-2857-311 sk-text"></text>
            <text
              class="he-old-price information--he-old-price data-v-1d870588 information--data-v-1d870588 sk-transparent sk-text-14-2857-822 sk-text"
              style="text-decoration-color: transparent;">¥15.00
            </text>
            <text
              class="fr information--fr he-sale information--he-sale data-v-1d870588 information--data-v-1d870588 sk-transparent sk-text-14-2857-339 sk-text">
              已售2162克
            </text>
          </view>
          <view
            class="he-bottom information--he-bottom flex information--flex justify-between information--justify-between data-v-1d870588 information--data-v-1d870588">
            <text
              class="he-name information--he-name data-v-1d870588 information--data-v-1d870588 sk-transparent sk-text-10-5263-277 sk-text">
              中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国中国
            </text>
            <view
              class="he-share information--he-share flex information--flex flex-direction information--flex-direction align-center information--align-center justify-between information--justify-between data-v-1d870588 information--data-v-1d870588">
              <view
                class="iconfont information--iconfont iconproductdetails_share information--iconproductdetails_share data-v-1d870588 information--data-v-1d870588 sk-pseudo sk-pseudo-circle"></view>
              <text
                class="he-share__text information--he-share__text data-v-1d870588 information--data-v-1d870588 sk-transparent sk-text-14-2857-951 sk-text">
                分享
              </text>
            </view>
          </view>
        </view>
      </view>
      <view class="data-v-f0a9f5ba">
        <view class="detail-parameter parameter--detail-parameter data-v-0277cfb8 parameter--data-v-0277cfb8">
          <view class="he-top parameter--he-top data-v-0277cfb8 parameter--data-v-0277cfb8">
            <view
              class="he-item parameter--he-item flex parameter--flex justify-between parameter--justify-between align-center parameter--align-center data-v-0277cfb8 parameter--data-v-0277cfb8">
              <view class="data-v-0277cfb8 parameter--data-v-0277cfb8">
                <text
                  class="he-item__label parameter--he-item__label data-v-0277cfb8 parameter--data-v-0277cfb8 sk-transparent sk-text-14-2857-219 sk-text">
                  规格
                </text>
                <text
                  class="he-item__value parameter--he-item__value data-v-0277cfb8 parameter--data-v-0277cfb8 sk-transparent sk-text-14-2857-486 sk-text">
                  已选:白色/S
                </text>
              </view>
              <view
                class="iconfont parameter--iconfont iconbtn_arrow parameter--iconbtn_arrow data-v-0277cfb8 parameter--data-v-0277cfb8 sk-pseudo sk-pseudo-circle"></view>
            </view>
            <view
              class="he-item parameter--he-item flex parameter--flex justify-between parameter--justify-between align-center parameter--align-center data-v-0277cfb8 parameter--data-v-0277cfb8">
              <view class="data-v-0277cfb8 parameter--data-v-0277cfb8">
                <text
                  class="he-item__label parameter--he-item__label data-v-0277cfb8 parameter--data-v-0277cfb8 sk-transparent sk-text-14-2857-890 sk-text">
                  运费
                </text>
                <text
                  class="he-item__value parameter--he-item__value data-v-0277cfb8 parameter--data-v-0277cfb8 sk-transparent sk-text-14-2857-404 sk-text">
                  送至北京东城区
                </text>
              </view>
              <view
                class="iconfont parameter--iconfont iconbtn_arrow parameter--iconbtn_arrow data-v-0277cfb8 parameter--data-v-0277cfb8 sk-pseudo sk-pseudo-circle"></view>
            </view>
            <view
              class="he-item parameter--he-item flex parameter--flex justify-between parameter--justify-between align-center parameter--align-center data-v-0277cfb8 parameter--data-v-0277cfb8">
              <view class="data-v-0277cfb8 parameter--data-v-0277cfb8">
                <text
                  class="he-item__label parameter--he-item__label data-v-0277cfb8 parameter--data-v-0277cfb8 sk-transparent sk-text-14-2857-276 sk-text">
                  包邮
                </text>
                <text
                  class="he-item__value parameter--he-item__value data-v-0277cfb8 parameter--data-v-0277cfb8 sk-transparent sk-text-14-2857-185 sk-text">
                  满¥99部分地区包邮
                </text>
              </view>
              <view
                class="iconfont parameter--iconfont iconbtn_arrow parameter--iconbtn_arrow data-v-0277cfb8 parameter--data-v-0277cfb8 sk-pseudo sk-pseudo-circle"></view>
            </view>
          </view>
          <view class="he-bottom parameter--he-bottom data-v-0277cfb8 parameter--data-v-0277cfb8" style="border: none;">
            <view
              class="he-item parameter--he-item flex parameter--flex justify-between parameter--justify-between align-center parameter--align-center data-v-0277cfb8 parameter--data-v-0277cfb8">
              <view class="data-v-0277cfb8 parameter--data-v-0277cfb8">
                <text
                  class="iconfont parameter--iconfont iconproductdetails_goodsservices parameter--iconproductdetails_goodsservices data-v-0277cfb8 parameter--data-v-0277cfb8 sk-pseudo sk-pseudo-circle"></text>
                <text
                  class="he-item__label parameter--he-item__label he-serve__value parameter--he-serve__value data-v-0277cfb8 parameter--data-v-0277cfb8 sk-transparent sk-text-14-2857-636 sk-text">
                  七天无理由退换货
                </text>
                <text
                  class="iconfont parameter--iconfont iconproductdetails_goodsservices parameter--iconproductdetails_goodsservices data-v-0277cfb8 parameter--data-v-0277cfb8 sk-pseudo sk-pseudo-circle"></text>
                <text
                  class="he-item__label parameter--he-item__label he-serve__value parameter--he-serve__value data-v-0277cfb8 parameter--data-v-0277cfb8 sk-transparent sk-text-14-2857-453 sk-text">
                  20天超长售后
                </text>
                <text
                  class="iconfont parameter--iconfont iconproductdetails_goodsservices parameter--iconproductdetails_goodsservices data-v-0277cfb8 parameter--data-v-0277cfb8 sk-pseudo sk-pseudo-circle"></text>
                <text
                  class="he-item__label parameter--he-item__label he-serve__value parameter--he-serve__value data-v-0277cfb8 parameter--data-v-0277cfb8 sk-transparent sk-text-14-2857-685 sk-text">
                  正品保障
                </text>
              </view>
              <view
                class="iconfont parameter--iconfont iconbtn_arrow parameter--iconbtn_arrow data-v-0277cfb8 parameter--data-v-0277cfb8 sk-pseudo sk-pseudo-circle"></view>
            </view>
          </view>
        </view>
      </view>
      <view class="data-v-f0a9f5ba">
        <view class="detail-evaluation evaluation--detail-evaluation data-v-87d04c5e evaluation--data-v-87d04c5e">
          <view
            class="he-top evaluation--he-top flex evaluation--flex justify-between evaluation--justify-between align-center evaluation--align-center data-v-87d04c5e evaluation--data-v-87d04c5e">
            <view
              class="flex evaluation--flex align-center evaluation--align-center data-v-87d04c5e evaluation--data-v-87d04c5e">
              <view class="he-sign evaluation--he-sign data-v-87d04c5e evaluation--data-v-87d04c5e"></view>
              <view class="he-title evaluation--he-title data-v-87d04c5e evaluation--data-v-87d04c5e">
                <text class="data-v-87d04c5e evaluation--data-v-87d04c5e sk-transparent sk-text-14-2857-725 sk-text">
                  评价
                </text>
                <text
                  class="he-number evaluation--he-number data-v-87d04c5e evaluation--data-v-87d04c5e sk-transparent sk-text-14-2857-467 sk-text">
                  (6523)
                </text>
              </view>
            </view>
            <view
              class="flex evaluation--flex justify-center evaluation--justify-center align-center evaluation--align-center data-v-87d04c5e evaluation--data-v-87d04c5e"
              data-event-opts="tap,navigateTo,$event">
              <text
                class="he-more evaluation--he-more data-v-87d04c5e evaluation--data-v-87d04c5e sk-transparent sk-text-14-2857-10 sk-text">
                查看全部
              </text>
              <view
                class="iconfont evaluation--iconfont iconbtn_arrow evaluation--iconbtn_arrow data-v-87d04c5e evaluation--data-v-87d04c5e sk-pseudo sk-pseudo-circle"></view>
            </view>
          </view>
          <view
            class="he-center evaluation--he-center flex evaluation--flex justify-between evaluation--justify-between align-center evaluation--align-center data-v-87d04c5e evaluation--data-v-87d04c5e">
            <view
              class="flex evaluation--flex align-center evaluation--align-center data-v-87d04c5e evaluation--data-v-87d04c5e">
              <view class="he-avatar evaluation--he-avatar data-v-87d04c5e evaluation--data-v-87d04c5e"></view>
              <view
                class="he-name evaluation--he-name data-v-87d04c5e evaluation--data-v-87d04c5e sk-transparent sk-text-14-2857-354 sk-text">
                摩**莲
              </view>
            </view>
            <view class="flex evaluation--flex data-v-87d04c5e evaluation--data-v-87d04c5e">
              <view
                class="iconfont evaluation--iconfont iconevaluate_star evaluation--iconevaluate_star data-v-87d04c5e evaluation--data-v-87d04c5e sk-pseudo sk-pseudo-circle"></view>
              <view
                class="iconfont evaluation--iconfont iconevaluate_star evaluation--iconevaluate_star data-v-87d04c5e evaluation--data-v-87d04c5e sk-pseudo sk-pseudo-circle"></view>
              <view
                class="iconfont evaluation--iconfont iconevaluate_star evaluation--iconevaluate_star data-v-87d04c5e evaluation--data-v-87d04c5e sk-pseudo sk-pseudo-circle"></view>
              <view
                class="iconfont evaluation--iconfont iconevaluate_star evaluation--iconevaluate_star data-v-87d04c5e evaluation--data-v-87d04c5e sk-pseudo sk-pseudo-circle"></view>
              <view
                class="iconfont evaluation--iconfont iconevaluate_star evaluation--iconevaluate_star data-v-87d04c5e evaluation--data-v-87d04c5e sk-pseudo sk-pseudo-circle"></view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: "detail-skeleton"
}
</script>

<style>
.sk-transparent {
  color: transparent !important;
}

.sk-text-0-0000-122 {
  background-image: linear-gradient(transparent 0.0000%, #EEEEEE 0%, #EEEEEE 100.0000%, transparent 0%) !important;
  background-size: 100% 25.3623px;
  position: relative !important;
}

.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}

.sk-text-14-2857-311 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 40.5797px;
  position: relative !important;
}

.sk-text-14-2857-822 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710px;
  position: relative !important;
}

.sk-text-14-2857-339 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710px;
  position: relative !important;
}

.sk-text-10-5263-277 {
  background-image: linear-gradient(transparent 10.5263%, #EEEEEE 0%, #EEEEEE 89.4737%, transparent 0%) !important;
  background-size: 100% 34.4203px;
  position: relative !important;
}

.sk-text-14-2857-951 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 27.8986px;
  position: relative !important;
}

.sk-text-14-2857-219 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710px;
  position: relative !important;
}

.sk-text-14-2857-486 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710px;
  position: relative !important;
}

.sk-text-14-2857-890 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710px;
  position: relative !important;
}

.sk-text-14-2857-404 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710px;
  position: relative !important;
}

.sk-text-14-2857-276 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710px;
  position: relative !important;
}

.sk-text-14-2857-185 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710px;
  position: relative !important;
}

.sk-text-14-2857-636 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 30.4348px;
  position: relative !important;
}

.sk-text-14-2857-453 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 30.4348px;
  position: relative !important;
}

.sk-text-14-2857-685 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 30.4348px;
  position: relative !important;
}

.sk-text-14-2857-725 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 38.0435px;
  position: relative !important;
}

.sk-text-14-2857-467 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 38.0435px;
  position: relative !important;
}

.sk-text-14-2857-10 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710px;
  position: relative !important;
}

.sk-text-14-2857-354 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 32.9710px;
  position: relative !important;
}

.sk-pseudo::before, .sk-pseudo::after {
  background: #EFEFEF !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}

.sk-pseudo-rect::before, .sk-pseudo-rect::after {
  border-radius: 0 !important;
}

.sk-pseudo-circle::before, .sk-pseudo-circle::after {
  border-radius: 50% !important;
}

.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}

</style>
